<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lesson2_3_5</title>
</head>
<body>
    <!--
        一、块级元素
        另起一行独占一行 可以修改宽高
        1.div
        2.标题 <h1><h2>
        3.段落 p
        4.列表：
            无序列表 unordered list>> ul li
            有序列表 ordered list>> ol
            定义列表 definition list>> dl
        5.表格 table
        6.表单form
        7.blockquote
        二、行内元素，内联元素
        在一行之内不能改宽高
        1、span
        2.a 超链接
        3. q引用
        4.em语调的强调
        5.strong 着重强调
        三、内敛快转
    -->
    <header></header>
    <footer></footer>
    <main></main>
    <article></article>
    <section></section>
    <nav></nav>
    <!-- 颜色是十六进制两两一组#002121-->
    <div id="head" 
     style="background-color: aqua;height: 10ex;width: 10ex;">aaa</div>

     <div style="background-color: aqua;height: 10ex;width: 10ex;">aaa</div>

    <div id="content" style="background-color: #00ffff;">778</div>

    <div id="content" style="background-color: rgb(206, 234, 177);">bbb
    <h1>1</h1>
    <h2>2</h2>
    <h3>3</h3>
        <div id="content">
            <ul style="list-style-type: none;">
                <li>注册</li>
                <li>我的购物车</li>
                <li>我的订单</li>
                    <ul>
                        <li>
                            <a href="https://cn.bing.com">退货</a>
                        </li>
                        <li>客户服务</li>
                        <ol>
                            <li>打开冰箱</li>
                            <li>放进去</li>
                            <li>关山</li>
                        </ol>
                    </ul>
                <li>登入</li>
                <li>注册</li>
            </ul>
            <ol>
                <li>打开冰箱</li>
                <li>放进去</li>
                <li>关山</li>
            </ol>
            <dl>
                <dt>校花</dt>
                <dd>玉兰</dd>
                <dt>校树</dt>
                <dd>银杏</dd>
                <dt>崇德尚文兼收并蓄</dt>
            </dl>
        </div>
        总价：<span style="background-color: rgb(241, 241, 241);">120</span> 元
        aaaa
    </div>

</body>
</html>